<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@我的</title>
    <link
      rel="stylesheet"
      href="../../static/css/iconfont01.css"
      th:href="@{/static/css/iconfont01.css}"
    />

    <link
      rel="stylesheet"
      href="../../static/css/replymask.css"
      th:href="@{/static/css/replymask.css}"
    />
    <link
      rel="stylesheet"
      href="../../static/css/message.css"
      th:href="@{/static/css/message.css}"
    />
    <link
      rel="stylesheet"
      href="../../static/css/common.css"
      th:href="@{/static/css/common.css}"
    />

  </head>
  <body>
    <div th:replace="~{unlogin::mask}"></div>
    <div th:replace="~{home::publishBlogBox}"></div>
    <div class="top" th:fragment="message-top">
      <div id="top">
        <!-- logo -->
        <div id="logo-search">
          <div class="logo">
            <img
              src="../../static/img/logo.png"
              th:src="@{/static/img/logo.jpg}"
              alt=""
            />
          </div>
          <div class="top-search" th:replace="~{home::topSearch}">
            <span><i class="iconfont">&#xe623;</i></span>
            <input type="text" placeholder="请输入搜索内容" id="top-input" />
          </div>
        </div>

        <!-- 各种功能 -->
        <div id="fn" th:fragment="messageFn">
          <div class="home fn">
            <a
              class="icon"
              href="home.html"
              th:href="@{/blog/getMyConnectionBlog(msg='登录成功')}"
              ><i class="iconfont">&#xe625;</i></a
            >
          </div>
          <div class="hot fn">
            <a
              class="icon"
              href="hot.html"
              th:href="@{/blog/getIndexBlog(state=2)}"
              ><i class="iconfont">&#xe628;</i></a
            >
          </div>
          <div class="message border fn">
            <a
              class="icon"
              href="message.html"
              th:href="@{/message}"
              ><i class="iconfont">&#xe908;</i></a
            >
          </div>
          <div class="private fn">
            <a
              class="icon"
              href="personalPage.html"
              th:href="@{/my/toMyInfo}"
              ><i class="iconfont">&#xe60a;</i></a
            >
          </div>
        </div>
        <!-- 登录，设置等-->
        <div class="access" th:replace="~{home::access}">
          <div class="setting">
            <button class="top-setting-btn">
              <i class="iconfont">&#xe645; </i>
            </button>
            <div class="setting-list">
              <a>个人中心</a>
              <a>账号修改</a>
              <div>退出</div>
            </div>
          </div>

          <div class="setting">
            <button class="top-pattern-btn">
              <i class="iconfont">&#xe6d9;</i>
            </button>
          </div>
          <div class="setting">
            <button class="top-publish-btn">
              <i class="iconfont">&#xe61d; </i>
            </button>
          </div>
        </div>
      </div>
    </div>
    <div id="content">
      <div class="list">
        <p>消息</p>
        <ul>
          <a th:classappend="color" th:href="@{/message}">
            <span><i class="iconfont">&#xe635;</i></span>
            @我的
          </a>
          <a th:href="@{/user/getOthersCommentOfMe}">
            <span><i class="iconfont">&#xe638;</i></span>
            评论
          </a>
          <a th:href="@{/user/getOthersLikeOfMe}">
            <span><i class="iconfont">&#xe62b;</i></span>
            赞
          </a>
          <a th:href="@{/my/getReportForUser}">
            <span><i class="iconfont">&#xe6b0;</i>违规通知</span></a
          >
        </ul>
      </div>
      <div id="news">
        <div class="sign"></div>
        <div class="news empty">暂无数据</div>
        <div class="news">
          <div class="news-top">
            <a href="../js/" class="head-link">
              <div class="head">
                <img src="/weibo/static/img/banner.jpg" alt="" />
              </div>
            </a>
            <div class="top-details">
              <a href="" class="name">
                <p>XXX</p>
              </a>
              <p class="time">3-18</p>
            </div>
          </div>
          <div class="news-content"><p>11111111111111</p></div>
          <div class="news-container">
            <div class="news-content-img">
              <img src="../../static/img/banner.jpg" alt="" />
            </div>
            <div class="news-content-text">
              <p><span>@</span>XXX</p>
              <p>XXX</p>
              <p>XXX</p>
            </div>
          </div>
          <div class="foot">
            <div class="reply">
              <i class="iconfont">&#xe695;</i>
              <span class="rep">回复</span>
            </div>
            <div class="like">
              <i class="iconfont">&#xe62b;</i>
              <span>12</span>
            </div>
          </div>
        </div>
        <div class="news"></div>
      </div>
      <div id="right-bar">
        <div id="hot">
          <div class="hot-top">
            <div class="hot-top-content"><p>热搜</p></div>
            <div class="refresh"><i class="iconfont">&#xe661;</i>点击刷新</div>
          </div>
          <div class="hot-list">
            <span class="rank1">1</span><a>222222222222</a>
          </div>
          <div class="hot-list">
            <span class="rank2">2</span><a>222222222222</a>
          </div>
          <div class="hot-list">
            <span class="rank3">3</span><a>222222222222</a>
          </div>
          <div class="hot-list">
            <span class="renk4">4</span><a>222222222222</a>
          </div>
          <div class="hot-list">
            <span class="rank5">5</span><a>222222222222</a>
          </div>
          <div class="hot-list">
            <span class="rank6">6</span><a>222222222222</a>
          </div>
          <div class="hot-list">
            <span class="rank7">7</span><a>222222222222</a>
          </div>
          <div class="hot-list">
            <span class="rank8">8</span><a>222222222222</a>
          </div>
          <div class="hot-list">
            <span class="rank9">9</span><a>222222222222</a>
          </div>
          <div class="hot-list">
            <span class="rank10">10</span><a>222222222222</a>
          </div>
          <a href="" class="all-hot"><div>查看完整榜单</div></a>
        </div>
        <a class="return-top" href="#">
          <i class="iconfont">&#xea7d;</i>
        </a>
      </div>
    </div>
  </body>

  <script
    src="../../static/js/common.js"
    th:src="@{/static/js/common.js}"
  ></script>
  <script
    src="../../static/js/replymask.js"
    th:src="@{/static/js/replymask.js}"
  ></script>
</html>
